<div class="page">
    <div class="page__hd">
        <h1 class="page__title">Badge</h1>
        <p class="page__desc">徽章</p>
    </div>
    <div class="page__bd">
        <div class="weui-cells__title">新消息提示跟摘要信息后，统一在列表右侧</div>
        <div class="weui-cells">
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__bd">单行列表</div>
                <div class="weui-cell__ft" style="font-size: 0;">
                    <span class="demo_badge_tips">详细信息</span>
                    <span class="weui-badge weui-badge_dot"></span>
                </div>
            </div>
        </div>

        <div class="weui-cells__title">未读数红点跟在主题信息后，统一在列表左侧</div>
        <div class="weui-cells demo_badge_cells">
            <div class="weui-cell weui-cell_active">
                <div class="weui-cell__hd">
                    <img src="images/pic_160.png">
                    <span class="weui-badge">8</span>
                </div>
                <div class="weui-cell__bd">
                    <p>联系人名称</p>
                    <p class="demo_badge_desc">摘要信息</p>
                </div>
            </div>
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__bd">
                    <span class="demo_badge_title">单行列表</span>
                    <span class="weui-badge">8</span>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__bd">
                    <span class="demo_badge_title">单行列表</span>
                    <span class="weui-badge">8</span>
                </div>
                <div class="weui-cell__ft">详细信息</div>
            </div>
            <div class="weui-cell weui-cell_active weui-cell_access">
                <div class="weui-cell__bd">
                    <span class="demo_badge_title">单行列表</span>
                    <span class="weui-badge">New</span>
                </div>
                <div class="weui-cell__ft"></div>
            </div>
        </div>
    </div>
</div>
